<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: blue;">
    <!--
        css 设置样式的
            通过元素的style属性进行设置
            style = "样式名：样式值;样式名：样式值;样式名：样式值;..."
    
    -->
    <div style="border: 1px solid red; width: 500px;height: 200px;margin: 10px auto;background-color: blueviolet;">123</div>
    <div style="border: 1px solid yellow; width: 500px;height: 200px;margin: 10px auto;background-color: cyan;">
        <span style="font-size: 30px;">快船</span>大胜湖人！！！
    </div>
    <div style="border: 1px solid rgb(0, 255, 106); width: 500px;height: 200px;margin: 10px auto;background-color: darkkhaki;">789</div>
</body>
</html>